<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>个人简历</title>
  


  

<style>
.jumbotron {
  position: relative;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: #369CC1; /* Old browsers */
  height:200px;
  }
.subhead {
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.subhead h1 {
  font-size: 60px;
}
.subhead p {
  margin-bottom: 20px;
}
.subhead .navbar {
  display: none;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
  width: 500px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
h1,
h2,
h3 {
  line-height: 40px;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}

h3 small {
  font-size: 14px;
}

h4 small {
  font-size: 14px;
}
.test{margin-top:50px;}
.z1{width: 500px;}
.tp{height:200px;width: 300px;float:right;border-radius: 50%;}
#soccer{padding-right: 180px; margin: 10px auto}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
/* lanrenzhijia */
.lanrenzhijia{width:100%;margin:10px auto 0 auto;overflow:hidden;}
.lanrenzhijia ul{width:60%;height:1500px;}
.lanrenzhijia ul li{float:left;margin-right:6px;margin-bottom:10px;display:inline;width:1000px;height:1500px;overflow:hidden;position:relative;}
.lanrenzhijia ul li .photo{width:100%;height:1500px;overflow:hidden;}
.lanrenzhijia .rsp{width:1000px;height:1500px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.lanrenzhijia .text{position:absolute;width:300px;height:1500px;left:-300px;top:0px;overflow:hidden;}
.lanrenzhijia .text div{text-align:center;color:#FFFFFF;font-size:18px;}
</style>


  </head>

  <body data-spy="scroll" data-target=".bs-docs-sidebar">




<header class="jumbotron subhead" id="overview">
  	
	<div id="soccer">
<img class="tp" SRC="http://www.cctiedu.com/uploads/allimg/150211/25-1502111K1191L.jpg" border="0" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
	</div>
  <div class="container">
  	
    <h1 class="z1">欢 迎<small>/ Welcome</small></h1>
    <p class="lead">这是方跃的简历！</p>
    
  
  </div>
</header>

  <div class="container">

    <div class="row">
     <div class="lanrenzhijia">
  <ul class="clearfix">
    <li>
      <div class="photo"><img src="https://t1.mmonly.cc/uploads/tu/201601/151/4hnhqhoixcz.jpg" width="100%" height="100%" /></div>
      <div class="rsp"></div>
      <div class="text"><div ><section>
        <h2>求职意向</h2>
            
            <h4>我希望得到一份网页前端工程师的工作。</h4>
            
            
            <h2 class="test">自我描述</h2>
            
            <h4>我叫方跃，是软件专业的一名应届毕业生，因为来自农村的普通家庭，所以吃苦的能力强一些。<br/>对待工作认真，善于沟通，有较强的团队精神。乐于学习，比较乐观。</h4>
            
 
            <h2 class="test">个人爱好</h2>
            
            <h4>喜欢打篮球 还喜欢自己做一些吃的</h4>

            <h2 class="test">擅长的软件</h2>
            
            <h4>notepad++</h4>
      <h4>dreamweaver</h4>
      <h4>HTML5</h4>
      <h4>CSS3</h4>
      <h4>JavaScript</h4>
            

            <h2 class="test">校内实践</h2>
            
            <h4>学校组织实训，我选择了制作网页的项目，在实训中学到了很多知识，积累了很多经验。</h4>

            <h2 class="test">校外实践</h2>
            
            <h4>大二上学期，学校组织实训进行社会调研。在这次实训中锻炼了我的社交能力，为以后在实际工作中打下了基础。</h4>
            <h2 class="test">遇到的一些问题</h2>
            <h4>在制作网页的时候遇到了一些问题，由于刚刚接触一些js的代码，所以在使用上面还是不太熟悉，还需要去网站上面找代码，所以需要加强js方面的练习。在一些框架的使用上面还是不太熟练，所以还需要在今后的学习中加强在框架方面的学习。
            </h4>
            <h2 class="test">荣誉情况</h2>
            <h4>2015-2016快乐学习奖学金二等</h4>
            <h2 class="test">联系方式</h2>
      <h4>手机：18240107886</h4>
      <h4>邮箱：1459714412@qq.com</h4>
          <h4>Q  Q:   1459714412</h4>
                   
        </section>
         </div></div>
    </li>
    
  </ul>
  <div class="clear"></div>
</div>
    </div>

  </div>
  	<SCRIPT>
var msecs=180; //改变时间得到不同的闪烁间隔；
var counter=0;
function soccerOnload(){
setTimeout("blink()", msecs)}
function blink(){
soccer.style.visibility=
(soccer.style.visibility=="hidden") ? "visible" : "hidden"
counter+=1;setTimeout("blink()", msecs)}soccerOnload()
</SCRIPT>
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
<script>
$(function(){
  $(".lanrenzhijia ul li .rsp").hide(); 
  $(".lanrenzhijia ul li").hover(function(){
    $(this).find(".rsp").stop().fadeTo(500,0.5)
    $(this).find(".text").stop().animate({left:'0'}, {duration: 500})
  },
  function(){
    $(this).find(".rsp").stop().fadeTo(500,0)
    $(this).find(".text").stop().animate({left:'300'}, {duration: "fast"})
    $(this).find(".text").animate({left:'-300'}, {duration: 0})
  });
});
</script>


  </body>
</html>
